.news {
    padding-bottom: 96px;
}

.banner {
    width: 100%;
}

.banner_title {
    font-size  : 60px;
    font-family: PingFang SC;
    font-weight: 500;
    color      : rgba(255, 255, 255, 1);
    position   : absolute;
    top        : 242px;
    left       : 50%;
    transform  : translateX(-50%);
}

.banner_sub_title {
    font-size  : 36px;
    font-family: PingFang SC;
    font-weight: 300;
    color      : rgba(255, 255, 255, 1);
    position   : absolute;
    top        : 326px;
    left       : 50%;
    transform  : translateX(-50%);
}

.news_box {
    margin: 104px auto 0;

    p {
        margin: 0;
    }

    .news_title {
        font-size    : 36px;
        font-family  : PingFang SC;
        font-weight  : bold;
        color        : rgba(77, 77, 77, 1);
        margin-bottom: 78px;
    }

    .news_info {
        cursor         : pointer;
        width          : 914px;
        display        : flex;
        align-items    : center;
        justify-content: space-between;
        margin         : 0 auto 40px;

        &:hover,
        &.active {
            color: #f9446b !important;
            span {
                color: #f9446b !important;
            }
        }

        .news_info_txt,
        .news_info_author,
        .news_info_date {
            font-size  : 16px;
            font-family: PingFang SC;
            font-weight: 400;
            color      : rgba(77, 77, 77, 1);
        }

        .news_info_txt {
            flex      : 40%;
            text-align: left;
        }

        .news_info_author,
        .news_info_date {
            margin-left: 30px;
            text-align : right;
        }
    }

    .load_more {
        cursor         : pointer;
        width          : 914px;
        display        : flex;
        margin         : 46px auto 0;
        justify-content: flex-end;
        align-items    : center;

        .load_more_txt {
            font-size  : 18px;
            font-family: PingFang SC;
            font-weight: 400;
            color      : rgba(249, 68, 107, 1);
        }

        .load_more_arrow {
            width      : 32px;
            height     : 18px;
            margin-left: 20px;
        }
    }
}

.layui-box {
    a:hover {
        color: #f9446b;
    }
}

#list_up_page,
#list_down_page {
    width     : 914px;
    margin    : 0 auto;
    text-align: right;
}